<template>
  <div>
    <el-breadcrumb separator=">">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>基础信息设置</el-breadcrumb-item>
    </el-breadcrumb>

    <br />
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="部门管理" name="first">
        <Department></Department>
      </el-tab-pane>
      <el-tab-pane label="职位管理" name="second">
        <Position></Position>
      </el-tab-pane>
      <el-tab-pane label="职称管理" name="third">
        <JobLevel></JobLevel>
      </el-tab-pane>
      <el-tab-pane label="奖惩规则" name="fourth"> 奖惩规则 </el-tab-pane>
      <el-tab-pane label="权限组" name="fiveth">
        <Role></Role>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>


<script>
import Position from "../../components/Position.vue";
import JobLevel from "../../components/JobLevel.vue";
import Role from "../../components/Role.vue";
import Department from "../../components/Department.vue";
export default {
  name: "SysBasic",
  data() {
    return {
      activeName: "first",
    };
  },

  methods: {},
  components: {
    Position,
    JobLevel,
    Role,
    Department,
  },
};
</script>